<template>
  <nav class="bg-white shadow-md">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex justify-between h-16">
        <div class="flex items-center">
          <span class="font-bold text-xl text-gray-800">餐厅管理系统</span>
        </div>
        <div class="flex items-center space-x-4">
          <router-link to="/userManage" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            用户界面
          </router-link>
          <router-link to="/dashboard" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            仪表盘
          </router-link>
          <router-link to="/menu" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            菜单管理
          </router-link>
          <router-link to="/orders" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            订单管理
          </router-link>
          <router-link to="/tables" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            桌台管理
          </router-link>
          <router-link to="/employees" class="px-3 py-2 rounded-md text-sm font-medium text-gray-600 hover:text-gray-900 hover:bg-gray-50 transition">
            员工管理
          </router-link>

        </div>
      </div>
    </div>
  </nav>
</template>

<script setup>
</script>    